<%@ page language="java" pageEncoding="UTF-8"%>

<!-- Header starts -->
<header>
<div class="container">
  <div class="row">

    <!-- Logo section -->
    <div class="col-md-4">
      <!-- Logo. -->
      <div class="logo">
        <h1>
          <a href="#">JVWA<span class="bold"></span></a>
        </h1>
        <p class="meta">Java Vulnerable Web Application</p>
      </div>
      <!-- Logo ends -->
    </div>

    <!-- Button section -->
    <div class="col-md-4">

      <!-- Buttons -->
      <!-- <ul class="nav nav-pills">

        Comment button with number of latest comments count
        <li class="dropdown dropdown-big">
          <a class="dropdown-toggle" href="#" data-toggle="dropdown"> <i class="icon-comments"></i> 聊天 <span class="label label-info">6</span>
          </a>

          <ul class="dropdown-menu">
            <li>
              Heading - h5
              <h5>
                <i class="icon-comments"></i> 聊天
              </h5>
              Use hr tag to add border
              <hr />
            </li>
            <li>
              List item heading h6
              <h6>
                <a href="#">你好 :)</a> <span class="label label-warning pull-right">10:42</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <h6>
                <a href="#">你怎么样?</a> <span class="label label-warning pull-right">20:42</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <h6>
                <a href="#">你在干撒呢?</a> <span class="label label-warning pull-right">14:42</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <div class="drop-foot">
                <a href="#">查看所有</a>
              </div>
            </li>
          </ul>
        </li>

        Message button with number of latest messages count
        <li class="dropdown dropdown-big">
          <a class="dropdown-toggle" href="#" data-toggle="dropdown"> <i class="icon-envelope-alt"></i> 收件箱 <span class="label label-primary">6</span>
          </a>

          <ul class="dropdown-menu">
            <li>
              Heading - h5
              <h5>
                <i class="icon-envelope-alt"></i> 消息
              </h5>
              Use hr tag to add border
              <hr />
            </li>
            <li>
              List item heading h6
              <h6>
                <a href="#">你好啊?</a>
              </h6>
              List item para
              <p>最近咋样啊...</p>
              <hr />
            </li>
            <li>
              <h6>
                <a href="#">今天很好啊?</a>
              </h6>
              <p>相当好...</p>
              <hr />
            </li>
            <li>
              <div class="drop-foot">
                <a href="#">查看所有</a>
              </div>
            </li>
          </ul>
        </li>

        Members button with number of latest members count
        <li class="dropdown dropdown-big">
          <a class="dropdown-toggle" href="#" data-toggle="dropdown"> <i class="icon-user"></i> 用户 <span class="label label-success">6</span>
          </a>

          <ul class="dropdown-menu">
            <li>
              Heading - h5
              <h5>
                <i class="icon-user"></i> 用户
              </h5>
              Use hr tag to add border
              <hr />
            </li>
            <li>
              List item heading h6
              <h6>
                <a href="#">Ravi Kumar</a> <span class="label label-warning pull-right">免费</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <h6>
                <a href="#">Balaji</a> <span class="label label-important pull-right">高级</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <h6>
                <a href="#">Kumarasamy</a> <span class="label label-warning pull-right">免费</span>
              </h6>
              <div class="clearfix"></div>
              <hr />
            </li>
            <li>
              <div class="drop-foot">
                <a href="#">查看所有</a>
              </div>
            </li>
          </ul>
        </li>

      </ul> -->

    </div>

    <!-- Data section -->

    <div class="col-md-4">
      <div class="header-data">
<!-- 
        Traffic data
        <div class="hdata">
          <div class="mcol-left">
            Icon with red background
            <i class="icon-signal bred"></i>
          </div>
          <div class="mcol-right">
            Number of visitors
            <p>
              <a href="#">7000</a> <em>访问</em>
            </p>
          </div>
          <div class="clearfix"></div>
        </div>

        Members data
        <div class="hdata">
          <div class="mcol-left">
            Icon with blue background
            <i class="icon-user bblue"></i>
          </div>
          <div class="mcol-right">
            Number of visitors
            <p>
              <a href="#">3000</a> <em>用户</em>
            </p>
          </div>
          <div class="clearfix"></div>
        </div>

        revenue data
        <div class="hdata">
          <div class="mcol-left">
            Icon with green background
            <i class="icon-money bgreen"></i>
          </div>
          <div class="mcol-right">
            Number of visitors
            <p>
              <a href="#">5000</a><em>订单</em>
            </p>
          </div>
          <div class="clearfix"></div>
        </div>
 -->
      </div>
    </div>

  </div>
</div>
</header>
<!-- Header ends -->